

@media (min-width:992px) and (max-width:1199px) {
	.btnPuni { display: block; }
	.poslovni, .privatni, .ina-kartica {
		padding: 50px 30px 0;
	}
	.overlay-slider {padding: 30px 60px 0 260px;}
.pocetna-slider iframe {width: 100%; border: 0; height: 310px;}
.kattxt h2 {
	font-weight: bold;
	color: #fff;
	font-size: 26px;
	line-height: 30px;
}

.kattxt .kratki {
	margin-top: 0px;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	height: 200px;
	overflow: hidden;
}

.opis .lijevo, .opis .desno { width: 47%; }

.box .naslov { height: 66px; }

header .lijevilinkovi { padding-left: 40px; }

header .glavnimeni { left: -32px; }

.drugired #search input {top:-29px; right:122px; }
header .drugired {padding-left: 60px;}
}

@media only screen and (max-width : 1169px) {
	

header .glavnimeni { left: -32px; margin-top: 10px;}

header .lijevilinkovi { padding-left: 40px; }

#searchBpHome input { font-size: 14px; }

.video .podnaslov {
	font-weight: 300;
	font-size: 13px;
	color: #778793;
}

.video h3.podsekcija { margin-bottom: 20px; }

.footer .sekcijalinkovi { margin-top: 10px; }

.footer .sekcijalinkovi a { font-size: 15px; }

.footer .sekcijalinkovi li { margin-bottom: 2px; }

.footer .podnaslov.kratki {
	margin-top: 15px;
	font-weight: normal;
	line-height: 20px;
	font-size: 16px;
}

header .desnilinkovi .lang { margin-left: 30px; }

header .desnilinkovi .soc { margin-left: 13px }

.full {
	background-attachment: scroll;
	height: 500px;
}

.full .over { top: 100px; }
}

@media only screen and (max-width : 991px) {
		.slider-usluge, .lijevi-izbor {display: none;}
	.webwrap .margtop90 {margin-top: 0px;} 
	.btnPuni { display: block; }
	.mobwrap {
		display: block;
	}
	header {
		position: static;
		margin-bottom: 0;
	}
	.lijevi-izbor {
		position:relative;
	}

header .prvired, header .drugired { display: none; }
	.slika-usluge {display: none;}
	.lijevi-izbor {width: 100%;}
	.lijevi-izbor a:hover {width: 100%;}
	.src {
		display: none;
	}
	
	.poslovni, .privatni {
		margin-bottom: 30px;
	}
	
#searchBpHome {
	width: 100%;
	padding: 15px;
}	

.title-trazilica {
	font-size: 17px;
	padding-right: 0;
}
	
.pocetna-slider iframe {width: 100%; border: 0; height: 238px;}
.fullSadrzaj .karticawrap {
	top: 0;
	left: 0;
}

.karticawrap .hrefPlaviBtn { margin-bottom: 30px; }

.full, .full .over {
	height: auto;
	top: 0;
}

.full .over .skrol { display: none; }

.full .over .vazno { border: none; }

.full .container { padding: 0; }


.searchbp {
	height: 300px !important;
	overflow: hidden;
}

.news.border {
	border: none;
	height: auto !important;
}

header .glavnimeni { margin-top: 8px; }

.fooWrap.box { display: none; }

h3.ga { font-size: 20px; }

.kattxt {
	padding: 20px;
	width: 50%;
}

.kattxt h2 {
	font-size: 26px;
	margin-top: 0;
}

.kattxt .kratki {
	font-size: 15px;
	line-height: 20px;
}

.opis .lijevo, .opis .desno {
	width: 100%;
	float: none;
}

h1.logo {
	position: absolute;
	left: -35px;
}

.headlinkoviWrap {
	position: absolute;
	right: -180px;
}

header .glavnimeni { left: -2px; }

header .lijevilinkovi { padding-left: 60px; }

.box .bg { padding: 15px; }

.box .naslov {
	font-size: 17px;
	font-weight: bold;
	line-height: 19px;
	padding-right: 0;
	height: 40px;
}

.box .kratki {
	margin-top: 15px;
	font-size: 14px;
	line-height: 18px;
}

.box .arrVise { left: 15px; }

#searchBpHome label {
	font-size: 18px;
	line-height: 22px;
}

.footer .border { padding-bottom: 30px; }

.footer .sekcijalinkovi, .footer .podnaslov.kratki {
	margin-top: 30px;
	font-size: 16px;
}

.footer .sekcijalinkovi a {
	font-size: 16px;
	line-height: 26px;
}

.footer .copy {
	float: none;
	width: 100%;
}

.searchwrap { top: 87px; }

#search { display: none; }

header .lijevilinkovi a { margin-right: 19px; }

.listabp { width: 200px; }

.mapwrap #map { margin-left: 200px !important; }

.bpimg { display: none; }

.bptxt {
	width: auto;
	font-size: 13px;
	padding-top: 0;
}

.rjecnik-wrap.samo-tu {
	width: 58.33333333%;
}

.mob-menu,  .mob-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.mob-menu,  .mob-menu a { color: #fff; }

.mob-menu ul { display: none; }

.mob-menu > li { border-bottom: 1px solid #0b74ae; }

.mob-menu > li > span,
.mob-menu > li > a {
	position: relative;
	display: block;
	padding: 20px 15px;
	padding-right: 40px;
	text-transform: uppercase;
	font-size: 17px;
	cursor: pointer;
}

.mob-menu > li > span:after {
	position: absolute;
	top: 50%;
	right: 15px;
	content: "\f125";
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: transform .3s;
	transition: transform .3s;
}

.mob-menu > li > span.active:after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

.mob-submenu { background-color: #0b74ae; }

.mob-submenu > li { position: relative; }

.mob-submenu > li + li { border-top: 1px solid #00639c; }

.mob-submenu > li > a {
	position: relative;
	display: block;
	padding: 15px 20px;
	padding-right: 40px;
	text-transform: uppercase;
	font-size: 14px;
}

.mob-submenu .expand-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 45px;
}

.mob-submenu .expand-btn:before {
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mob-submenu ul { background-color: #1e8ecc; }

.mob-submenu ul a {
	display: block;
	padding: 13px 30px;
	padding-right: 10px;
	font-size: 13px;
}

.mob-submenu ul li + li { border-top: 1px solid #0b74ae; }


.items-usluge .owl-stage-outer { height: auto; }
.items-usluge .owl-dots { display: none !important; }


}

@media only screen and (min-width : 750px) {div.col-xs-6.col-sm-4.col-phone.gas-search-placeholder2{display: none;}}
@media only screen and (min-width: 768px) {

}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.footer .center-block {float: left; margin-top: 20px;}	
	.title-trazilica {
		padding-bottom: 0;
		padding-left: 15px;
		padding-top: 15px;
	}
	
	a.visit-ina, .slogan {
		float: left;
	}
	
.pocetna-slider iframe {width: 100%; border: 0; height:184px;}
.listaDesno {margin-top: 30px;}
.submeni {margin-top: 0;}
.owl-thumbs {display: none;}
.katlinkovi .sekcijalinkovi {
	padding-left: 0px;
	float: none;
	width: 100%;
}

.kaotabs {
	display: block;
	float: none;
	border-right: 1px solid #bbc3c9;
	padding: 5px 10px;
}

h1.logo { left: -35px; margin-top: 0;}



.container.margtop90 { margin-top: 0px; }

.maloFoo { margin-bottom: 30px; }
.malilinkovi {
	margin-top: 20px;
	float: none;
	width: 100%;
	margin-bottom: 30px;
}

.newsMali.prvi { margin-top: 0; }

.headlinkoviWrap { right: 15px; }



.box .imgHref {
	overflow: hidden;
	display: inline-block;
}

.box { margin-bottom: 20px; }

.box img { transition: all 0.5s ease-in-out; }

.box:hover .imgZoom {
	z-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

h3.ga { margin-top: 0; }

.box .naslov { height: auto; }

.katslika { position: relative;}

.katslika img {
	position: relative;
	top: 0;
}

.kattxt {
	position: relative;
	width: 100%;
	background: none;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 0;
}

.kattxt h2 {
	height: auto !important;
	margin-top: 0;
	color: #4d5b65;
	z-index: 9999;
}

.kattxt .kratki {
	height: auto !important;
	margin-top: 0;
	color: #4d5b65;
	margin-bottom: 30px;
	line-height: 22px;
	font-size: 16px;
	font-weight: bold;
}

#bread { display: none; }

.gas-search-placeholder2 > .searchbp { height: 95%; }

.searchbp {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.searchbp .smart-img-src { display: none; }

.news { border-bottom: none; }

.investitori { margin-top: 0 !important; }

.zastitaWrap { background-color: rgba(11,116,174, .75); }

.zastitaWrap .zastitaTxt {
	width: auto;
	height: auto;
	background-color: transparent;
	padding: 20px;
}

.zastitaWrap .kratki {
	display: block;
	padding-right: 0;
	margin: 15px 0 0;
}

.zastitaWrap:hover .zastitaImg {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	filter: none;
}

.zastitaWrap:hover .zastitaTxt {
	height: auto;
	padding-top: 20px;
}

.zastitaWrap.box .arrVise { display: none; }

.zastitaWrap .zastitaImg {
	float: left;
	width: 200px;
}

.zastitaWrap .zastitaTxt {
	position: static;
	margin-left: 200px;
}

.fooWrap .fooImg { display: none; }

.subpage-submenu,  .sh-img { display: block; }

.subpage-submenu .submeni .submeni { display: block; }

.mob-formeWrap {
	display: block;
	padding: 15px 15px 0;
	clear: both;
}



/*gmap*/


.listabp {display: none;}
#map {width: 100% !important; margin-left: 0 !important;}
.mapwrap #map {margin-left:0 !important;}
.uslugewrap {display: none;}
.planerforma {display: none;}
.formeWrap:last-of-type {display: none;}
.mapwrap {
	margin-top: 30px;
    overflow: visible !important; 
    padding-bottom: 0px !important; 
    position: static !important;
    height: auto !important; 
} 

.bpforma span.visible-xs {display: none !important;}

/*.opis.margtop30 { margin-top: 0 !important; }*/




.row.margtop30.newsMatch { margin-top: 0 !important; }

div.col-xs-6.col-sm-4.col-phone.gas-search-placeholder2 { height: auto !important; }

.fullSadrzaj .karticawrap {
	top: 0;
	left: 0;
}

.karticawrap .hrefPlaviBtn { margin-bottom: 30px; }

.full, .full .over {
	height: auto;
	top: 0;
}

.full .over .skrol { display: none; }

.full .over .vazno { border: none; }

.full .container { padding: 0; }

.pushy #search {
	display: block;
	margin-top: 0 !important;
}

.pushy #search input {
	position: static;
	display: block;
	width: 100%;
	height: auto;
	line-height: 35px;
	background-color: #0b74ae;
	color: #fff;
}

.pushy #search input::-webkit-input-placeholder { color: #fff; }
.pushy #search input::-moz-placeholder { color: #fff; }
.pushy #search input:-ms-input-placeholder { color: #fff; }
.pushy #search input:-moz-placeholder { color: #fff; }

.pushy .searchicoNovi {
	height: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.pushy .searchicoNovi:hover,
.pushy .searchicoNovi:active,
.pushy .searchicoNovi:focus,
.pushy .searchicoNovi:visited {
	color: #fff;
}

.pushy .mob-menu-lang {
	display: block;
}

.mob-menu-lang {
	padding: 15px;
	color: #fff;
}

.mml-label {
	font-size: 16px;
}

.mml-list {
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
	font-size: 0.1px;
}

.mml-list > li {
	display: inline-block;
	font-size: 14px;
	color: #fff;
}

.mml-list > li + li {
	margin-left: 5px;
}

.mml-list > li + li:before {
	content: "/";
	margin-right: 5px;
	font-weight: 400;
}

.mml-list > li.active {
	font-weight: 700;
}

.mml-list > li > a {
	color: #fff;
}

.rjecnik-wrap {
	display: none;
}

.rjecnik-select {
	display: inline-block !important;
}
.bpforma .inner-wrap {
	margin-right: 0;
}
.ps-header:before {
	width: 245px;
	height: 107px;
}

.ps-txt {
	display: none;
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
	
		.pocetna-slider iframe {width: 100%; border: 0; height:101px;}

.container.margtop90 { margin-top: 0px; }

.fooWrap .plaviBtn {
	background-color: #0b74ae;
	color: #fff !important;
	font-size: 18px;
	padding: 10px 20px;
	position: absolute;
	z-index: 2;
	top: 30px;
	right: 0px;
	left: 0;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}

.fooWrap .fooTxt {
	position: absolute;
	bottom: 30px;
	z-index: 2;
	color: #fff;
	right: 0px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 22px;
	font-weight: bold;
	max-width: 300px;
	text-align: center;
	line-height: 26px;
}

.slideTitle { display: none; }

.owl-thumbs {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	max-width: 210px;
}

header {
	height: 67px;
	background-position-y: 100%;
}

h1.logo {
	left: -30px;
	right: auto;
}

h1.logo img { width: 220px; }

.footer .sekcijalinkovi, .footer .podnaslov.kratki {
	margin-top: 15px;
	font-size: 16px;
	margin-bottom: 0px;
}

.footer .sekcijalinkovi { margin-top: 20px; }

.footer .sekcijalinkovi a {
	font-size: 16px;
	line-height: 26px;
}

.btnPuni {
	top: 15px;
	padding: 0 12px;
	font-size: 28px;
}

.col-phone { width: 100%; }

.gas-search-placeholder2 > .searchbp {
	height: 0;
	padding-bottom: 100%;
}

.zastitaWrap .zastitaImg {
	float: none;
	width: 100%;
}

.zastitaWrap .zastitaTxt { margin-left: 0; }

.ps-header:before {
	width: 200px;
	height: 87px;
}

.ps-container .owl-controls .owl-nav .owl-prev,
.ps-container .owl-controls .owl-nav .owl-next {
	width: 45px;
	height: 37px;
	line-height: 37px;
	font-size: 30px;
}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}

/*************** MOJE ********************/
